.main .title h3 {
  font-size: 2.188vw; }

.main .title p {
  color: #9A9EA4;
  font-size: 0.938vw; }

@media screen and (min-width: 768px) and (max-width: 1180px) {
  .main .title h3 {
    font-size: 4.036vw; }
  .main .title p {
    color: #9A9EA4;
    font-size: 2.734vw; } }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .main .title h3 {
    font-size: 0.49rem; }
  .main .title p {
    font-size: 0.31rem; } }

.main .overflow-text {
  display: block;
  overflow: hidden;
  padding-left: 1px;
  padding-bottom: 1px; }

@media screen and (min-width: 320px) and (max-width: 767px) {
  .main .banner {
    height: 12.39rem; } }

@media screen and (min-width: 768px) and (max-width: 1180px) {
  .main .banner {
    height: 600px; } }

.main .about-us {
  margin: 6.250vw 0 1.042vw;
  position: relative; }
  .main .about-us .ab {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 9; }
    .main .about-us .ab .more {
      font-size: 0.833vw;
      margin-top: 1.250vw; }
      .main .about-us .ab .more a {
        color: #69d1f3; }
    .main .about-us .ab .about-us-right {
      margin-right: 9.375vw;
      width: 28.917vw; }
      .main .about-us .ab .about-us-right .about-honor {
        position: relative; }
        .main .about-us .ab .about-us-right .about-honor .swiper-slide {
          font-size: 0; }
          .main .about-us .ab .about-us-right .about-honor .swiper-slide img {
            width: 20vw;
            margin: 0 auto; }
        .main .about-us .ab .about-us-right .about-honor .swiper-button-prev, .main .about-us .ab .about-us-right .about-honor .swiper-button-next {
          width: 3.125vw;
          height: 3.125vw; }
          .main .about-us .ab .about-us-right .about-honor .swiper-button-prev::after, .main .about-us .ab .about-us-right .about-honor .swiper-button-next::after {
            font-size: 1.563vw; }
    .main .about-us .ab .about-us-left {
      margin-left: 9.375vw;
      padding-bottom: 3.125vw; }
      .main .about-us .ab .about-us-left .content {
        margin-top: 5.573vw;
        font-size: 1vw;
        width: 35.5vw;
        white-space: pre-wrap; }
      .main .about-us .ab .about-us-left .title {
        width: 16.563vw;
        color: #fff;
        background-color: #69d1f3;
        padding: 1.042vw 3.125vw;
        position: relative;
        z-index: 9; }
        .main .about-us .ab .about-us-left .title::after {
          content: '';
          height: 100%;
          background-color: rgba(105, 209, 243, 0.1);
          width: 2.083vw;
          position: absolute;
          right: -2.083vw;
          top: 0;
          bottom: 0; }
        .main .about-us .ab .about-us-left .title::before {
          content: '';
          height: 0.521vw;
          background-color: rgba(105, 209, 243, 0.1);
          width: 9.375vw;
          position: absolute;
          left: -9.375vw;
          bottom: 0; }
        .main .about-us .ab .about-us-left .title p {
          color: #fff; }
  .main .about-us .about-us-bottom {
    color: #fff;
    padding: 3.073vw 0;
    text-align: center;
    background: url("../img/index/PC/about-bg.png") no-repeat 0 0;
    background-size: 100% 100%;
    margin-left: 9.375vw; }
    .main .about-us .about-us-bottom h3 {
      font-size: 1.458vw;
      margin-bottom: 0.417vw;
      font-weight: 400;
      letter-spacing: 15px; }
    .main .about-us .about-us-bottom p {
      font-family: Objectivity-Light, Objectivity;
      font-size: 0.833vw;
      letter-spacing: 4px; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .main .about-us {
      margin: 1.3rem 0 0.26rem; }
      .main .about-us .ab {
        display: block;
        margin: 0 0.41rem; }
        .main .about-us .ab .about-us-right {
          width: initial;
          margin-right: 0;
          margin-top: 0; }
          .main .about-us .ab .about-us-right .content {
            width: initial;
            font-size: 0.36rem;
            margin: 0.41rem 0;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 7;
            line-clamp: 7;
            -webkit-box-orient: vertical;
            color: #444444; }
          .main .about-us .ab .about-us-right .more {
            font-size: 0.36rem;
            margin-top: 0.31rem;
            margin-bottom: 0.41rem; }
        .main .about-us .ab .about-us-left {
          margin-left: 0;
          padding-bottom: 0;
          position: relative;
          z-index: 9; }
          .main .about-us .ab .about-us-left .title {
            width: initial;
            display: inline-block;
            margin-left: -0.41rem;
            padding: 0.27rem 0.41rem; }
            .main .about-us .ab .about-us-left .title p {
              width: 3.42rem; }
            .main .about-us .ab .about-us-left .title::after {
              width: 0.52rem;
              right: -0.52rem; }
          .main .about-us .ab .about-us-left .content, .main .about-us .ab .about-us-left .more {
            display: none; }
      .main .about-us .about-us-bottom {
        position: initial;
        padding: 0.49rem 0;
        background-size: cover;
        margin-left: 0; }
        .main .about-us .about-us-bottom h3 {
          font-size: 0.36rem;
          margin-bottom: 0; }
        .main .about-us .about-us-bottom p {
          font-size: 0.26rem; } }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .main .about-us {
      margin: 1.3rem 0 0.26rem; }
      .main .about-us .ab {
        display: block;
        margin: 0 46px; }
        .main .about-us .ab .about-us-left {
          margin-left: 0; }
          .main .about-us .ab .about-us-left .title {
            width: initial;
            display: inline-block;
            margin-left: -46px;
            padding: 26px 46px; }
            .main .about-us .ab .about-us-left .title h3 {
              font-size: 31px; }
            .main .about-us .ab .about-us-left .title p {
              width: 231px;
              font-size: 21px; }
            .main .about-us .ab .about-us-left .title::after {
              width: 0.52rem;
              right: -0.52rem; }
          .main .about-us .ab .about-us-left .content, .main .about-us .ab .about-us-left .more {
            display: none; }
        .main .about-us .ab .about-us-right {
          width: initial;
          margin-right: 0;
          margin-top: 0; }
          .main .about-us .ab .about-us-right .content {
            margin-top: 24px;
            font-size: 21px;
            color: #444444; }
          .main .about-us .ab .about-us-right .more {
            font-size: 26px; }
      .main .about-us .about-us-bottom {
        position: initial;
        padding: 40px 0;
        background-size: cover;
        margin-top: 40px;
        margin-left: 0; }
        .main .about-us .about-us-bottom h3 {
          font-size: 26px;
          margin-bottom: 0; }
        .main .about-us .about-us-bottom p {
          font-size: 18px; } }

.main .news {
  margin: 5.208vw 9.375vw 0; }
  .main .news .title {
    text-align: center; }
  .main .news-content {
    display: flex;
    align-items: center;
    margin-top: 2.083vw;
    position: relative; }
    .main .news-content .right {
      width: 32.292vw;
      border-top: 0.104vw solid #E6E6E6;
      border-right: 0.104vw solid #E6E6E6;
      border-bottom: 0.104vw solid #E6E6E6;
      padding: 1.563vw 3.542vw;
      position: relative; }
      .main .news-content .right .more {
        background-color: #222222;
        color: #fff;
        width: 9.375vw;
        height: 2.917vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.938vw;
        position: absolute;
        bottom: -4.688vw;
        left: 6.250vw; }
        .main .news-content .right .more img {
          margin-left: 0.521vw;
          width: 1.875vw; }
      .main .news-content .right .list .item {
        display: block;
        border-bottom: 1px solid #E6E6E6;
        padding-bottom: 1.563vw;
        margin-bottom: 1.563vw;
        width: 25.000vw;
        position: relative; }
        .main .news-content .right .list .item .mobile-year {
          display: none; }
        .main .news-content .right .list .item:last-child {
          border-bottom: 0;
          margin-bottom: 0;
          padding-bottom: 0; }
        .main .news-content .right .list .item h3 {
          font-size: 1.146vw;
          color: #000;
          margin-bottom: 0.260vw;
          transition: all .5s; }
        .main .news-content .right .list .item p {
          font-size: 0.833vw;
          color: #9A9EA4;
          height: 1.094vw; }
        .main .news-content .right .list .item .year {
          float: right;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          margin-right: -9.792vw;
          margin-top: -3.125vw;
          width: 6.667vw;
          height: 3.125vw;
          cursor: pointer;
          position: relative;
          transition: all .5s; }
          .main .news-content .right .list .item .year:last-child {
            margin-bottom: 0; }
          .main .news-content .right .list .item .year h3 {
            font-size: 1.146vw; }
          .main .news-content .right .list .item .year p {
            font-size: 0.729vw; }
          .main .news-content .right .list .item .year img {
            position: absolute;
            left: -3.125vw;
            top: 0;
            opacity: 0;
            transition: all .5s;
            width: 3.125vw;
            height: 3.125vw; }
        .main .news-content .right .list .item:hover h3 {
          color: #69d1f3; }
        .main .news-content .right .list .item:hover .year {
          background-color: #69d1f3; }
          .main .news-content .right .list .item:hover .year img {
            opacity: 1; }
          .main .news-content .right .list .item:hover .year p {
            color: #fff; }
    .main .news-content .left {
      margin-left: 4.688vw;
      background-color: #F0F0F0;
      position: relative;
      width: 38.021vw;
      padding: 1.042vw 1.042vw 1.875vw; }
      .main .news-content .left::before {
        content: '';
        height: 30.208vw;
        width: 4.688vw;
        position: absolute;
        left: -4.688vw;
        top: 50%;
        margin-top: -15.104vw;
        background: linear-gradient(90deg, #D3E8FD 0%, #FFFFFF 100%); }
      .main .news-content .left .img {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden; }
        .main .news-content .left .img img {
          width: initial;
          height: 29.063vw; }
      .main .news-content .left .label {
        margin-top: 0.938vw;
        color: #666666;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .main .news-content .left .label h2 {
          font-size: 1.250vw;
          width: 27.5vw; }
        .main .news-content .left .label p {
          font-size: 0.938vw; }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .main .news {
      margin: 41px 46px; }
      .main .news .news-content {
        display: block; }
        .main .news .news-content .left {
          width: initial;
          margin-left: 0;
          background-color: #fff; }
          .main .news .news-content .left::before {
            width: 0; }
          .main .news .news-content .left img {
            height: initial; }
          .main .news .news-content .left .label {
            display: none; }
        .main .news .news-content .right {
          width: initial;
          padding: 0 0;
          border: 0;
          margin-top: 0.52rem; }
          .main .news .news-content .right .list .item {
            display: flex;
            justify-content: space-between;
            width: initial;
            padding-bottom: 0.39rem;
            margin-bottom: 0.39rem; }
            .main .news .news-content .right .list .item:last-child {
              margin-bottom: 0;
              padding-bottom: 0; }
            .main .news .news-content .right .list .item h3 {
              font-size: 26px;
              margin-bottom: 0.13rem; }
            .main .news .news-content .right .list .item p {
              font-size: 21px;
              width: 546px;
              height: initial; }
            .main .news .news-content .right .list .item .w-text-hidden1 {
              -webkit-line-clamp: 2; }
            .main .news .news-content .right .list .item .year {
              float: initial;
              display: block;
              margin-right: 0;
              margin-top: 0;
              width: initial;
              text-align: center; }
              .main .news .news-content .right .list .item .year p {
                width: initial;
                color: #666; }
                .main .news .news-content .right .list .item .year p:nth-child(2) {
                  font-weight: bold;
                  color: #222222;
                  font-size: 0.36rem; }
              .main .news .news-content .right .list .item .year img {
                display: none; }
            .main .news .news-content .right .list .item:hover .year {
              background-color: #fff; }
          .main .news .news-content .right .more {
            position: initial;
            margin-top: 60px;
            width: 211px;
            height: 73px;
            font-size: 23px;
            float: right; }
            .main .news .news-content .right .more img {
              width: 47px;
              margin-left: 10px; }
          .main .news .news-content .right .clear {
            clear: both; } }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .main .news {
      margin: 0.77rem 0.41rem; }
      .main .news .news-content {
        display: block;
        margin-top: 0.52rem; }
        .main .news .news-content .left {
          width: initial;
          margin-left: 0;
          padding: 0 0;
          background-color: #fff; }
          .main .news .news-content .left img {
            height: initial; }
          .main .news .news-content .left .label {
            display: none; }
          .main .news .news-content .left::before {
            width: 0; }
        .main .news .news-content .right {
          width: initial;
          padding: 0 0;
          border: 0;
          margin-top: 0.52rem; }
          .main .news .news-content .right .list .item {
            display: flex;
            justify-content: space-between;
            width: initial;
            padding-bottom: 0.39rem;
            margin-bottom: 0.39rem; }
            .main .news .news-content .right .list .item:last-child {
              margin-bottom: 0;
              padding-bottom: 0; }
            .main .news .news-content .right .list .item h3 {
              font-size: 0.36rem;
              margin-bottom: 0.13rem; }
            .main .news .news-content .right .list .item p {
              font-size: 0.31rem;
              width: 7.23rem;
              height: initial; }
            .main .news .news-content .right .list .item .w-text-hidden1 {
              -webkit-line-clamp: 2; }
            .main .news .news-content .right .list .item .year {
              float: initial;
              display: block;
              margin-right: 0;
              margin-top: 0;
              width: initial;
              text-align: center; }
              .main .news .news-content .right .list .item .year p {
                width: initial;
                color: #666; }
                .main .news .news-content .right .list .item .year p:nth-child(2) {
                  font-weight: bold;
                  color: #222222;
                  font-size: 0.36rem; }
              .main .news .news-content .right .list .item .year img {
                display: none; }
            .main .news .news-content .right .list .item:hover .year {
              background-color: #fff; }
          .main .news .news-content .right .more {
            position: initial;
            margin-top: 0.52rem;
            width: 2.79rem;
            height: 0.93rem;
            font-size: 0.31rem;
            float: right; }
            .main .news .news-content .right .more img {
              width: 0.59rem;
              margin-left: 0.19rem; }
          .main .news .news-content .right .clear {
            clear: both; } }

.main .recommend-title {
  position: relative;
  z-index: 9;
  width: 19.115vw;
  height: 6.771vw;
  margin-left: 9.375vw;
  margin-top: -6.771vw;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  padding-left: 3.125vw;
  padding-bottom: 1.250vw;
  background: url("../img/index/PC/recommend-title-bg.png") no-repeat 0 0;
  background-size: 100% 100%;
  overflow: hidden; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .main .recommend-title {
      margin-left: 0;
      width: 5.37rem;
      height: 1.68rem;
      padding-left: 0.41rem;
      margin-top: -1.6rem; } }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .main .recommend-title {
      margin-left: 0;
      width: 51.953vw;
      height: 16.146vw;
      padding-left: 5.990vw;
      margin-top: -12.370vw; } }

.main .bai {
  position: relative;
  z-index: 8;
  margin: -4.167vw 9.375vw 0;
  height: 4.167vw;
  background-color: #fff;
  border-radius: 0 3.125vw 0 0; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .main .bai {
      margin-left: 0;
      margin-right: 0;
      height: 1.03rem;
      margin-top: -1rem;
      border-radius: 0 0.41rem 0 0; } }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .main .bai {
      margin-left: 0;
      margin-right: 0;
      height: 9.375vw;
      margin-top: -8.073vw; } }

.main .recommend {
  position: relative;
  z-index: 99;
  margin-top: 1.302vw; }
  .main .recommend .recommend-list {
    font-size: 0;
    margin-left: 9.375vw; }
    .main .recommend .recommend-list .recommend-item {
      display: inline-flex;
      vertical-align: top;
      width: calc(24.5vw * 2);
      cursor: pointer; }
      .main .recommend .recommend-list .recommend-item .left, .main .recommend .recommend-list .recommend-item .right {
        width: 24.5vw;
        height: 25.729vw;
        background-color: #f7f7f7;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden; }
        .main .recommend .recommend-list .recommend-item .left img, .main .recommend .recommend-list .recommend-item .right img {
          height: 100%;
          width: initial; }
      .main .recommend .recommend-list .recommend-item .mobile-left {
        display: none; }
      .main .recommend .recommend-list .recommend-item .left {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: relative;
        transition: all .5s; }
        .main .recommend .recommend-list .recommend-item .left .no {
          position: absolute;
          font-size: 3.750vw;
          color: rgba(154, 158, 164, 0.2);
          top: 2.108vw;
          left: 50%;
          margin-left: -5.469vw;
          font-family: Impact-Regular, Impact; }
        .main .recommend .recommend-list .recommend-item .left .label {
          font-size: 1.354vw;
          width: 10.833vw;
          position: relative;
          z-index: 9; }
        .main .recommend .recommend-list .recommend-item .left p {
          font-size: 0.833vw;
          width: 10.833vw;
          margin-top: 1.354vw;
          color: #666666; }
        .main .recommend .recommend-list .recommend-item .left h3 {
          color: #222222; }
      .main .recommend .recommend-list .recommend-item:hover .left {
        background-color: #69d1f3; }
        .main .recommend .recommend-list .recommend-item:hover .left p, .main .recommend .recommend-list .recommend-item:hover .left h3 {
          color: #fff; }
        .main .recommend .recommend-list .recommend-item:hover .left .no {
          color: rgba(255, 255, 255, 0.2); }
      .main .recommend .recommend-list .recommend-item:nth-child(2), .main .recommend .recommend-list .recommend-item:nth-child(3) {
        width: calc(24.5vw + 15.6vw); }
        .main .recommend .recommend-list .recommend-item:nth-child(2) .left, .main .recommend .recommend-list .recommend-item:nth-child(3) .left {
          width: 15.6vw; }
      .main .recommend .recommend-list .recommend-item:nth-child(3) {
        margin-left: -9.375vw; }
  .main .recommend .more {
    width: 3.125vw;
    height: 3.125vw;
    position: absolute;
    bottom: calc(25.729vw / 2 - 1.563vw);
    right: calc(9.375vw - 1.34vw); }
    .main .recommend .more img {
      width: 100%;
      height: 100%; }
  @media screen and (min-width: 320px) and (max-width: 1180px) {
    .main .recommend {
      margin: 0 0;
      padding-top: 0;
      margin-top: 0.31rem;
      border-radius: 0 0.41rem 0 0;
      display: block; }
      .main .recommend .recommend-list {
        display: block;
        background-color: #fff;
        margin-left: 0; }
        .main .recommend .recommend-list .recommend-item {
          display: block;
          margin-bottom: 0.41rem;
          width: initial; }
          .main .recommend .recommend-list .recommend-item:last-child {
            margin-bottom: 0; }
          .main .recommend .recommend-list .recommend-item:nth-child(2) {
            width: initial; }
          .main .recommend .recommend-list .recommend-item:nth-child(3) {
            width: initial;
            margin-left: 0; }
          .main .recommend .recommend-list .recommend-item .left {
            display: none; }
          .main .recommend .recommend-list .recommend-item .mobile-left {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-direction: column;
            position: relative;
            background-color: #f7f7f7;
            transition: all .5s;
            padding: 0.41rem 0.31rem;
            margin: 0 0.41rem; }
            .main .recommend .recommend-list .recommend-item .mobile-left .no {
              position: absolute;
              font-size: 0.93rem;
              color: rgba(154, 158, 164, 0.2);
              top: -0.03rem;
              left: 0.31rem;
              font-family: Impact-Regular, Impact; }
            .main .recommend .recommend-list .recommend-item .mobile-left .label {
              font-size: 0.39rem;
              position: relative;
              z-index: 9; }
            .main .recommend .recommend-list .recommend-item .mobile-left p {
              font-size: 0.31rem;
              margin-top: 0.18rem;
              color: #666666; }
            .main .recommend .recommend-list .recommend-item .mobile-left h3 {
              color: #222222; }
          .main .recommend .recommend-list .recommend-item .right {
            padding: 0 0.41rem;
            width: initial;
            height: 9.24rem;
            margin: 0 0.41rem; }
      .main .recommend .more {
        display: none; } }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .main .recommend {
      margin-top: -2px;
      padding-top: 25px;
      border-radius: 0;
      background-color: #fff; } }

.mobile {
  display: none; }
  @media screen and (min-width: 320px) and (max-width: 1180px) {
    .mobile {
      display: block; } }